.root {
    -fx-font-family: "System";
    -fx-font-size: 12.703703703703704px;
    -fx-base: #F0F0F0;
    -fx-hover-base: #F0F0F0;
    -fx-background:#F0F0F0;
    -fx-focus-color: #d6d6d6;
    -fx-text-box-border: #d6d6d6;
    -fx-text-base-color:#555555;
    -fx-control-inner-background: #F0F0F0;
}


/* Description textArea */


.descriptionValue {
    -fx-font: 1.166666em "System";
    -fx-background-color: -fx-base;
    -fx-effect: innershadow(three-pass-box, gray, 1 , 1, 0, 0);
    -fx-text-fill: -fx-text-base-color;
 }

.descriptionValue:focused {
    -fx-background-color: -fx-focus-color, transparent, -fx-base;
     -fx-effect: innershadow(three-pass-box, gray, 1 , 1, 0, 0);
} 

.descriptionValue:hover {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-focus-color;
}


/* Anchor Pane, Label and Textfield in Properties area */


.propLabel{
	-fx-text-fill: -fx-text-base-color;
	-fx-font: 0.833333em "System";
}

.propLabelBig{
	-fx-text-fill: -fx-text-base-color;
	-fx-font: 1.2em "System";
	-fx-font-weigh: bold;
}

.propTextField {

    -fx-font: 1em "System";
    -fx-padding: 0;
    -fx-background-color: -fx-base;
    -fx-effect: innershadow(three-pass-box, gray, 1 , 1, 0, 0);
    -fx-text-fill: -fx-text-base-color;
}

.propTextField:hover {
   -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-focus-color;     
}

.propTextField:focused {
    -fx-background-color: -fx-focus-color, transparent, -fx-base;
    -fx-effect: innershadow(three-pass-box, gray, 1 , 1, 0, 0);
} 

.dividerLines {
	-fx-stroke-width: 0.9;
	-fx-stroke:-fx-focus-color;
}

/* A rounded AnchorPane */


.roundedAnchorPane {
    -fx-border-radius:10 10 10 10;
    -fx-border-color: -fx-focus-color;
    -fx-border-width: 0.083333em;
}


/* Splitpane styling */


.vsplitpane {
    -fx-padding: -1 -1 -2 -2 ;
    -fx-background-image: url("../images/texture_light.png");
    -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.1) , 20, 0.0 , 0 , 0 );
}

.vsplitpane:vertical > * > .split-pane-divider {
-fx-border-color:  -fx-base transparent -fx-base transparent ;
-fx-background-color: transparent;
}

.vsplitpane  *.vertical-grabber {
    -fx-background-color:-fx-base;
    -fx-shape: "M0 0 L0 0 L0 5 L2 5 L2 0 L0 0 Z"; /* TODO NOT THE RIGHT L&F */
}
 
.vsplitpane  *.horizontal-grabber {
    -fx-background-color:-fx-base;
    -fx-shape: "M0 0 L0 0 L0 5 L2 5 L2 0 L0 0 Z"; /* TODO NOT THE RIGHT L&F */
}

.hsplitpane {
    -fx-padding: -1 -1 -2 -2 ;
    -fx-background-insets: 1; /* remov left right line of splitPane*/
    -fx-background-image: url("../images/texture_light.png");
    -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.1) , 20, 0.0 , 0 , 0 );
}

.hsplitpane:horizontal > * > .split-pane-divider {
-fx-border-color: transparent -fx-base transparent -fx-base;
-fx-background-color: transparent;
-fx-background-insets: 0, 0 1 0 1;
}

.hsplitpane  *.vertical-grabber {
    -fx-background-color:-fx-base;
    -fx-shape: "M0 0 L0 0 L0 5 L2 5 L2 0 L0 0 Z"; /* TODO NOT THE RIGHT L&F */
}

.hsplitpane  *.horizontal-grabber {
    -fx-background-color:-fx-base;
    -fx-shape: "M0 0 L0 0 L0 5 L2 5 L2 0 L0 0 Z"; /* TODO NOT THE RIGHT L&F */
}

.button, .toggle-button, .choice-box {
    -fx-background-radius: 20, 20, 19, 18;
    -fx-padding: 5px 10px 5px 10px;
    -fx-control-inner-background: -fx-background;
    -fx-inner-border: linear-gradient(to bottom, derive(-fx-color,35.0%) 0%, derive(-fx-color,-6.0%) 100%);
    -fx-body-color: linear-gradient( to bottom, derive(-fx-color, 35.0%) 0%, derive(-fx-color, -6.0%) 100%);
    -fx-text-fill: -fx-text-base-color;
}

.menu .label
{
   -fx-text-fill: -fx-text-base-color;
}

.menu-bar
{
    -fx-background-color: linear-gradient( to bottom, derive(-fx-background, 35.0%) 0%, derive(-fx-background, -6.0%) 100%);
    -fx-text-fill: -fx-text-base-color;
}

.tool-bar
{
    -fx-background-color: linear-gradient( to bottom, derive(-fx-color, 35.0%) 0%, derive(-fx-color, -6.0%) 100%);
    -fx-text-fill: -fx-text-base-color;
}

.menu-button .label {
    -fx-padding: 3px 18px 3px 10px;
}
.menu-button .arrow-button {
    -fx-padding: 3px 6px 3px 0px;
}
.choice-box {
    -fx-padding: 0 6px 0 0;
}
.choice-box .label {
    -fx-padding: 3px 4px 3px 6px;
}
.choice-box .open-button {
    -fx-padding: 1 0 0 8px;
}
.combo-box-base:editable .text-field, .combo-box-base .arrow-button, .combo-box .list-cell {
    -fx-padding: 3px 6px 3px 6px;
}
.check-box .box {
    -fx-padding: 0.25em;
}
.radio-button .radio {
    -fx-padding: 0.333333em;
}
.check-box, .radio-button {
    -fx-text-fill: -fx-text-base-color;
}
.button, .toggle-button, .check-box .box, .radio-button .radio, .choice-box, .menu-button, .tab, .combo-box-base {
    -fx-background-insets: -1.4, 0, 1, 2;
}
.button:focused, .toggle-button:focused, .check-box:focused .box, .radio-button:focused .radio, .choice-box:focused, .menu-button:focused, .combo-box-base:focused {
    -fx-background-insets: -1.4, 0, 1, 2;
}
.combo-box-base .arrow-button {
    -fx-background-insets: 0, 1, 2;
}
.choice-box  { /* Workaround for RT-20015 */
    -fx-text-fill: -fx-text-base-color;
}
.menu-button  { /* Workaround for RT-20015 */
	
    -fx-text-fill: -fx-text-base-color;
    -fx-background-radius: 1, 1, 1, 1;
}

.menu-item {
 	-fx-text-fill: -fx-text-base-color;
    -fx-background-radius: 1, 1, 1, 1;
 }

.menu-button:hover  { /* Workaround for RT-20015 */
     -fx-background-color: linear-gradient( to bottom, derive(-fx-focus-color, 35.0%) 0%, derive(-fx-focus-color, -6.0%) 100%);
}

.menu-button:showing  { /* Workaround for RT-20015 */
   -fx-background-color: linear-gradient( to bottom, derive(-fx-focus-color, 35.0%) 0%, derive(-fx-focus-color, -6.0%) 100%);
}

.menu-item:hover {
 	 -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-focus-color;
 }
 
 /**************************
 * 
 *   OPTIONPANE
 * 
 **************************/


#error-dimmer{
	-fx-background-color: rgba(0,0,0,0.5);
}

	
.jacp-option-pane {
 	-fx-background-image: url("../images/texture_light.png");
    -fx-background-insets: 0, 1, 2;
    -fx-blend-mode: src-atop;
    -fx-padding: 15;
    -fx-effect: dropshadow( three-pass-box , black , 20, 0 , 0 , 0 );
}
